﻿/// <reference path="../Jquery/jquery-1.5.2.min.js" />
/// <reference path="../Jquery/jquery-ui.js" />
(function ($) {
    $.fn.tooltip = function (options) {

        // -- Default settings
        var settings = $.extend({
        }, options || {});

        $(this).each(function () {
           
            // -- Hide the tooltip
            $(".tooltip-window", this).css("visibility", "hidden");

            // -- When mouse over
            $(this).delegate(".tooltip-content", "mouseover", function () {

                // -- Show the tooltip
                $(this).next(".tooltip-window")
                    .css("visibility", "visible");

                // -- 
                $(this).next(".tooltip-window").position({
                    of: this,
                    my: $(this).parent().attr("data-position-my"),
                    at: $(this).parent().attr("data-position-at"),
                    offset: "10 0"
                });
            });

            
            $(this).delegate(".tooltip-content", "mouseout", function () {

                $(this).next(".tooltip-window")
                    .css("visibility", "hidden");
            });
        });
        return this;
    };
})(jQuery);